<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8"/>
        <title>EasyUI&nbsp;Demo&nbsp;-&nbsp;使用向导</title>
        <link rel="shortcut icon" href="../../assets/image/favicon.ico"/>
        <script type="text/javascript" src="../../assets/js/common.js"></script>
        <link rel="stylesheet" type="text/css" href="../../assets/libs/easyui/themes/default/easyui.css">
        <link rel="stylesheet" type="text/css" href="../../assets/libs/easyui/themes/icon.css">
        <script type="text/javascript" src="../../assets/libs/easyui/jquery.min.js"></script>
        <script type="text/javascript" src="../../assets/libs/easyui/jquery.easyui.min.js"></script>
    </head>
    <body>
        <h1>使用向导&nbsp;-&nbsp;Base&nbsp;基础组件</h1>
        <div id="p1" class="easyui-panel" style="width:500px;height:200px;padding:10px;" 
            title="My Panel" iconCls="icon-save" collapsible="true">
            面板的内容
        </div>
        <div id="p2" class="easyui-panel" style="width:500px;height:200px;padding:10px;"
             title="My Panel" data-options="iconCls:'icon-save',collapsible:true">
            面板的内容（通过<b>HTML5</b>的<code>data-options</code>属性创建）
        </div>
        <input class="easyui-combobox" name="language"
           data-options="
                url:'/combobox/data',
                valueField:'id',
                textField:'text',
                panelHeight:'auto',
                onSelect:function(record){
                    alert(record.text)
                }">
    </body>
</html>